<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title></title>
    <link rel="stylesheet" type="text/css" href="./css/aui.2.0.css" />
    <link rel="stylesheet" type="text/css" href="./css/style.css" />
    <script type="text/javascript" src="./js/jq.js"></script>
</head>
<body>
	<header>
    	<div class="row aui-font-center">
            <div class="aui-col-xs-4">
                <img class="menu" height="20" src="images/menu.png">
            </div>
            <div class="aui-col-xs-4">
                <img height="20" src="images/logo.png">
            </div>
            <div class="aui-col-xs-4 aui-text-right right">
                <img onclick="window.location='search.html';" height="20" src="images/header-search.png">
                <img onclick="window.location='cart.html';" height="20" src="images/header-cart.png">
                <a href="login.html">
                	<img height="20" src="images/header-user.png">
                </a>
            </div>
            <div class="aui-clearfix"></div>
        </div>
        <div class="menu_list">
        	<div class="list">
                <div class="aui-text-center name"><a href="">HOME</a></div>
                <div class="aui-text-center name"><a href="">SHOP</a></div>
                <div class="aui-text-center name"><a href="">ABOUT</a></div>
                <div class="aui-text-center name"><a href="news.html">NEWS</a></div>
                <div class="aui-text-center name"><a href="">SERVICE</a></div>
                <div class="aui-text-center img"><a href=""><img height="20" src="images/menu-logo.png"></a></div>
            </div>
        </div>
    </header>
    <div class="search_contents">
    	<div class="search_list">
        	<div class="aui-col-xs-10 left">
        		<input type="text" placeholder="CAMO">
                <img onclick="$('.search_list').hide();" src="images/close-search.png">
            </div>
            <div class="aui-col-xs-2 aui-text-center right">
            	<span>搜索</span>
            </div>
            <div class="aui-clearfix"></div>
        </div>
        <div class="search_title aui-text-center">搜索结果</div>
        <div class="search_abst aui-text-center">Products Related to “CAMO”(4)</div>
       <div class="search_row">
       	  <div class="img"><img src="images/search-img.png"></div>
          <div class="name">mao tu series</div>
          <div class="price">$ 399.00</div>
       </div>
       <div class="search_row">
       	  <div class="img"><img src="images/search-img.png"></div>
          <div class="name">mao tu series</div>
          <div class="price">$ 399.00</div>
       </div>
       <div class="search_row">
       	  <div class="img"><img src="images/search-img.png"></div>
          <div class="name">mao tu series</div>
          <div class="price">$ 399.00</div>
       </div>
       <div class="recommend_name">相关推荐</div>
       <div class="recommend_list">
       	   <div class="aui-col-xs-6 aui-text-center">
           	   <div class="row">
                   <div class="img"><img height="100" src="images/search-img.png"></div>
                   <div class="name">mao tu series</div>
                   <div class="abst">纹理系</div>
               </div>
           </div>
           <div class="aui-col-xs-6 aui-text-center">
           	   <div class="row">
                   <div class="img"><img height="100" src="images/search-img.png"></div>
                   <div class="name">mao tu series</div>
                   <div class="abst">纹理系</div>
               </div>
           </div>
           <div class="aui-clearfix"></div>
       </div>
    </div>
    <footer>
    	<div class="search"><input type="text" placeholder="Get Newsletter (email address)"></div>
        <div class="row aui-text-center">
        	<a class="cur" href="">HOME</a>
            <a href="">ABOUT</a>
            <a href="">CONTACT</a>      
            <a href="">PRIVACY</a>    
            <a href="">POLICY</a>
        </div>
        <div class="share aui-text-center"><img height="20" src="images/share.png"></div>
        <div class="copyright"> Copyright © 2016 Massaro, Inc. All Rights Reserved. MUNITIO.</div>
    </footer>
</body>
<script type="text/javascript">
	$('.menu').click(function(){
		var Height = $(document).height(); 
		$("body").on("touchmove",function(event){
			event.preventDefault;
		}, false);
		$('.menu_list').css('height',Height+'px').toggle();
	});
	$('.menu_list').click(function(){
		$("body").off("touchmove");
		$(this).hide();
	});
</script>
</html>